<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        /** 3、功能实现: 当发起多个请求时候，只能有一个在进行中的请求，当1个结束后下一个才继续。
            function request(url) {
            return new Promise((resolve) => {
                console.log('fetch:', url);
                setTimeout(()=>{resolve(url)}, 1000);
            });
            }

            function fetchOnlyOne(url) {
            // 待实现    
            }

            fetchOnlyOne(1);
            fetchOnlyOne(2);
            fetchOnlyOne(3);
            fetchOnlyOne(4);
            期待结果输出结果: 1, 2, 3, 4 间隔1s输出。 **/ 

            function request(url) {
            return new Promise((resolve) => {
                console.log('fetch:', url);
                setTimeout(()=>{resolve(url)}, 1000 );
            });
            }

            function fetchOnlyOne(url) {
            // 待实现    
                setTimeout(() => {
                    request(url)
                }, 1000 * url)   //  直接 使用 时间  乘上 传入的值 就行了
            }

            fetchOnlyOne(1);
            fetchOnlyOne(2);
            fetchOnlyOne(3);
            fetchOnlyOne(4);
    </script>
</body>
</html>